<!DOCTYPE html>

<html>
    <!--HEAD-->
    <head>

        <title>## Inicio ##</title>

        <!--meta-->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Taxi seguro utiliza chapa tu taxi y usa la nueva app chapataxi, disponible en 
              android y iOS"/>

        <!--link-->
        <link href="css/footer.css" rel="stylesheet" type="text/css"/>
        <link href="css/menu.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="css/estilos.css" type="text/css"/>
        <link href="css/demo.css" rel="stylesheet" type="text/css"/>
        <link href="css/slicebox.css" rel="stylesheet" type="text/css"/>
        <link href="css/custom.css" rel="stylesheet" type="text/css"/>
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
        <!--script-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script src="js/functions.js" type="text/javascript"></script>
        <script src="js/jquery.slicebox.js" type="text/javascript"></script>
        <script src="js/modernizr.custom.46884.js" type="text/javascript"></script>
    </head>

    <!--BODY-->      
    <body>

        <!--HEADER-->
        <header>
           
            
            
            <!--logo-->
            <div  class="logo">
                <a id="img_logo" href="index.html"><img class="img_logo"  src="img/logo.png"></a>
            </div>
            <!--slogan-->

            <nav>                 
                <!-- Menu de navegación -->
                <ul class="menu">
                    <a href="index.html"> <li class="actual">Inicio</li></a>
                    <a href="acerca.html"><li>Acerca</li></a>
                    <a href="conductor.html"><li>Conductor</li></a>
                    <a href="pasajero.html"><li>Pasajero</li></a>
                    <a href="contacto.html"><li>Contacto</li></a>
                </ul>
            </nav>	

        </header>

        <!--CONTENIDO-->      

        <div class="contenedor_1">

            <div class="grid_index_1">

                <div class="slider">

                    <div class="wrapper">

                        <ul id="sb-slider" class="sb-slider">

                            <li>
                                <a href="#" target="_blank"><img src="img/slide/2.jpg" alt="image2"/></a>
                                <div class="sb-description">
                                    <h3>Rápido y seguro</h3>
                                </div>
                            </li>
<!--                            <li>
                                <a href="#" target="_blank"><img src="img/slide/1.jpg" alt="image1"/></a>
                                <div class="sb-description">
                                    <h3>El mejor servicio</h3>
                                </div>
                            </li>-->

                            <li>
                                <a href="#" target="_blank"><img src="img/slide/3.jpg" alt="image1"/></a>
                                <div class="sb-description">
                                    <h3>Renzo David Santillán Chavez</h3>
                                </div>
                            </li>

                        </ul>

                        <div id="shadow" class="shadow"></div>

                        <div id="nav-arrows" class="nav-arrows">
                            <a href="#">Next</a>
                            <a href="#">Previous</a>
                        </div>

                    </div>


                    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
                    <script type="text/javascript" src="js/jquery.slicebox.js"></script>

                </div>

            </div>



            <div class="grid_index_2">
<!--                <div  class="logo2"><img class="img_logo2" src="img/bolas.png"/></div>
                <div  class="logo3"><img class="img_logo3" src="img/bolas2.png"/></div>-->
            </div>

            <div class="grid_index_3">

                <div class="descarga">
                    <p class="descripcion">¡Descarga chapataxi app!</p> 

                    <div class="app">

                        <p class="disponible">
                            Disponibles en plataformas <h5 class="and_ios">Android & iOS</h5>
                        </p>

                        <a  href="#"> <div class="down_android">
                                <img class="img_android"  src="img/download_android.png">
                            </div></a>

                        <a class="img_ios" href="#"> 
                            <div class="down_ios">  
                                <img  class="img_android" src="img/download_ios.png">

                            </div></a>

                    </div> 
                </div>

                <div class="video">
                    <p class="descripcion">¡Conócenos!</p> 

                        <iframe class="youtube" type="text/html" width="10px" height="10px"
                                src="//www.youtube.com/embed/9CwMTMZkRQI" frameborder="0"></iframe>



                </div>

                <div class="sociales">
                    <p class="descripcion">¡Síguenos!</p>  

                    <div class="fb">
                        <img class="social_1"  src="img/social_1.png">
                    </div> 

                    <div class="widgets">
                        <a class="link_widget" href="#">
                            <img class="social_a"  src="img/facebook.png">
                        </a> 
                        <a class="link_widget" href="#">
                            <img class="social_b"  src="img/twiter.png">
                        </a> 
                        <a class="link_widget" href="#">
                            <img class="social_c"  src="img/youtube.png">
                        </a> 

                    </div> 

                </div>

            </div>

        </div>   

        <!--FOOTER-->
        <footer>

            <div class="foo_bloque1">

                <!--Area de contacto-->
                <div class="foo_contacto">

                    <div class="foo_cont_imgs">
                        <img class="img_cont" src="img/f_mail.png" />
                        <img class="img_cont" src="img/f_call.png" />
                    </div>


                    <div class="foo_cont_texto">

                        <div class="foo_text1">
                            <P class="foo_text0_label">Correo electrónico</P> 
                            <P class="foo_text1_label">Informes a:
                                <a href="mailto:info@chapataxi.com" class="outlook">info@chapataxi.com</a></P> 
                        </div>

                        <div class="foo_text1">
                            <P class="foo_text0_label">Central telefónica</P> 
                            <P class="foo_text1_label">llámanos al: (+51) 446-3602</P> 
                        </div>

                    </div>
                </div>

            </div>

            <div class="division">

            </div>


            <div class="foo_bloque2">

                <!--Area de Ubicacion-->
                <div class="foo_contacto2">

                    <div class="foo_cont_imgs2">
                        <img class="img_cont" src="img/f_ubicacion.png" />
                        <img class="img_cont" src="img/f_about.png" />
                    </div>

                    <div class="foo_cont_texto2">

                        <div class="foo_text2">
                            <P class="foo_text0_label">Jr. Colina 1238 Int 101 - Surquillo</P> 
                            <P class="foo_text1_label">Ubicanos con:
                                <a target="_blank" href="https://www.google.com.pe/maps/place/Colina,+Lima+15048/@-12.1179442,-77.0173506,17z/data=!3m1!4b1!4m2!3m1!1s0x9105c80f5c4e3693:0x4e942a93782b5bfe?hl=es-419" class="outlook">Google maps</a></P> 
                        </div>

                        <div class="foo_text2">
                            <P class="foo_text0_label">Copyright © 2014</P> 
                            <P class="foo_text1_label">Dsigned by: <a class="outlook" target="_blank" href="http://www.sixthelement.com.pe/">Sixth element comunicacion integral </a></P> 
                        </div>

                    </div>
                </div>   
            </div>

            <div class="division">

            </div>
            <div class="foo_bloque3">



            </div>




        </footer>
    </body>
</html>

